{% extends 'base.html' %}
{% load i18n %}

{% block htmlExtraAttrs %}
xmlns:fb="http://www.facebook.com/2008/fbml"
{% endblock %}

  {% block bodyAttrs %}
    class="home"
  {% endblock %}

{% block extra_body %}
{{ block.super }}
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
<script type="text/javascript">
function facebook_onlogin(){
    window.location = "{% url socialauth_facebook_login_done %}"

}
</script>
{% endblock %}

{% block extra_cabecera_sup %}
 <div class="links">
  <p class="info">Instafeed allows you to instantly update Twitter or Facebook from any <a href="http://rsscloud.org/" taget=_blank>cloud enabled</a> RSS feed. To get started click on and login using one of the below services. Returning users simply login using the same service you logged into initially.</p><br/><br/>
  <div class="col" style="text-align:left">
   <img src="/media/images/sign_text.png" alt="" />
  </div>
  <div class="col">
   <a href="{% url socialauth_twitter_login %}" title="">
    <img src="/media/images/ico_twitter.png" alt="" />
   </a>
  </div>
  <div class="col">
    <fb:login-button onlogin="facebook_onlogin();"></fb:login-button>
    <script type="text/javascript">  FB.init("{{ fb_api_key }}", "/accounts/xd_receiver.htm"); </script>
  </div>
  <div class="col">
   <a href="{% url socialauth_google_login %}" title="">
    <img src="/media/images/ico_google.png" alt="" />
   </a>
  </div>
  <div class="col">
   <a href="{% url socialauth_yahoo_login %}" title="">
    <img src="/media/images/ico_yahoo.png" alt="" />
   </a>
  </div>
  <div class="col">
   <a href="#" onclick="$('#openidprovider').show();" title="">
    <img src="/media/images/ico_openid.png" alt="" />
   </a>
  </div>
 </div>
<!-- FIN: #links -->
 <div class="login" id="openidprovider" style="display: none">
  <form name="openidform" action="{% url socialauth_openid_login %}" method="post">
   <ul>
    <li>
     <label>OpenID URL</label>
     <input class="txt" type="text" name="openid_url" />
    </li>
    <li>
     <input class="btn" type="submit" value="{% trans 'Sign in' %}"/>
    </li>
   </ul>
  </form>
 </div>
{% endblock %}
{% block extra_cabecera %}
<div id="cabecera_inf">
 <div class="col izq">
  <h4>What is instafeed?</h4>
  <p>
                Instafeed connects RSS Cloud enabled sites to other services providing true "push" updates of content.  Right now twitter and facebook are supported.  But, there is no limit to the number of conduits that can be added in the future. 
 </p>
 </div>
 <div class="col cen">
  <h4>How do I use it?</h4>
  <p>
                Simply login using one of the services above.  Once you are authenticated with that service you can put in the web address of an RSS cloud feed to push instant updates to that service.  You can then add additional services and additional feeds.
                </p>
 </div>
 <div class="col der">
  <h4>Who is behind this?</h4>
  <p>
                <a href="http://www.tipit.net">Tipit</a> is a web production company that likes to stretch our legs a bit with some fun and hopefully useful ideas. This is one of our efforts.  But, it is also an open source effort.  See our <a href="http://code.google.com/p/instafeed/">google code page</a>.  We welcome contributions to make this an outstanding service! Feel free to grab the source code and host your own version. 
                </p>
 </div>
</div>
    <!-- FIN: #cabecera_inf -->
{% endblock %}


{% block main_content %}
{% if user.is_authenticated %}

<p>
    You are already logged in. <a href="{% url socialauth_social_logout %}">Logout</a>?
</p>

{% else %}

{% endif %}
{% endblock %}
